<!DOCTYPE html>
<html class="x-admin-sm">

<head>
  <meta charset="UTF-8">
  <title>物料入库</title>
  <meta name="renderer" content="webkit">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <link rel="stylesheet" href="../../css/font.css">
  <link rel="stylesheet" href="../../css/xadmin.css">
  <script type="text/javascript" src="../../lib/layui/layui.js" charset="utf-8"></script>
  <script type="text/javascript" src="../../js/xadmin.js"></script>
  <script src="../../js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
  <script src="../../js/app.js" type="text/javascript" charset="utf-8"></script>
  <style type="text/css">
    .form-position {
      margin: 0.85rem;
      padding-top: 8px;
      background-color: white;
    }
  </style>
</head>

<body>
  <div class="x-nav">
    <span class="layui-breadcrumb">
      <a href="">首页</a>
      <a href="">演示</a>
      <a>
        <cite>导航元素</cite></a>
    </span>
    <a class="layui-btn layui-btn-small" style="line-height:1.6em;margin-top:3px;float:right"
      onclick="location.reload()" title="刷新">
      <i class="layui-icon layui-icon-refresh" style="line-height:30px"></i></a>
  </div>
  <div class="layui-fluid">
    <div class="layui-row layui-col-space15">
      <div class="layui-col-md12">
        <div class="layui-card">
          <div class="layui-card-body ">
            <div class="layui-collapse" lay-filter="test">
              <div class="layui-colla-item">
                <h2 class="layui-colla-title">先进行选择再入库<i class="layui-icon layui-colla-icon"></i></h2>
                <div class="layui-colla-content layui-show" style="display: flex;">
                  <div id="form">

                    <form class="layui-form form-position layui-form-pane" style="margin: 0;" action=""
                      lay-filter="Form" id="Form" name="Form">
                      <div class="layui-form-item">
                        <label class="layui-form-label">选择物品</label>
                        <div class="layui-input-inline layui-show-xs-block">
                          <select name="category" id="category" lay-filter="category">
                            <option value=""></option>
                          </select>
                        </div>
                        <div class="layui-input-inline layui-show-xs-block">
                          <select name="typical" id="typical" lay-filter="typical">

                          </select>
                        </div>
                        <div class="layui-input-inline layui-show-xs-block" style="">
                          <select name="brand" id="brand" lay-filter="brand">

                          </select>
                        </div>

                        <div class="layui-input-inline layui-show-xs-block">
                          <select name="typicalId" id="model" lay-filter="model">

                          </select>
                        </div>
                        <div class="layui-input-inline layui-show-xs-block">
                          <select name="repository_mine" id="repository" lay-filter="repository">

                          </select>
                        </div>
                        <div class="layui-inline layui-show-xs-block" id="select_button_div">
                          <button class="layui-btn" lay-submit="" lay-filter="select_button" type="button"><i
                              class="layui-icon" id="Search"></i>确认</button>
                        </div>
                      </div>
                      <div class="layui-form-item layui-hide" id="opposite">
                        <label class="layui-form-label">入库数量</label>
                        <div class="layui-input-inline">
                          <input type="text" name="InStorage_Num" id="InStorage_Num"
                            onkeyup="if(this.value.length==1){this.value=this.value.replace(/[^1-9]/g,'')}else{this.value=this.value.replace(/\D/g,'')}"
                            onafterpaste="if(this.value.length==1){this.value=this.value.replace(/[^1-9]/g,'0')}else{this.value=this.value.replace(/\D/g,'')}"
                            placeholder="请输入入库数量" autocomplete="off" class="layui-input">
                        </div>

                        <label class="layui-form-label">批次名</label>
                        <div class="layui-input-inline">
                          <input type="text" name="batch_name" id="batch_name" placeholder="请输入本次入库名称"
                            autocomplete="off" class="layui-input">
                        </div>
                        <div class="layui-inline layui-show-xs-block">
                          <button class="layui-btn layui-btn-danger" lay-submit="" lay-filter="search" type="button"><i
                              class="layui-icon">&#x1005;</i>确认入库</button>
                        </div>
                      </div>

                    </form>
                  </div>

                </div>
              </div>
            </div>
            <div class="layui-card-body " style="padding: 10px 0px;">
              <table class="layui-table layui-form">
                <thead id="table-thd" class="layui-hide">
                  <tr>
                    <th>批次</th>
                    <th>种类</th>
                    <th>类别</th>
                    <th>品牌</th>
                    <th>型号</th>
                    <th>库存量</th>
                </thead>
                <tbody id="table-tby">
                  <tr id="Tr">

                  </tr>
                </tbody>
              </table>
            </div>
            <!-- <div class="layui-card-body" style="display: flex;justify-content: center;">
								<div id="demo7">
									<div class="layui-box layui-laypage layui-laypage-default" id="layui-laypage-10"><span class="layui-laypage-count">共
											100 条</span><a href="javascript:;" class="layui-laypage-prev layui-disabled" data-page="0">上一页</a><span
										 class="layui-laypage-curr"><em class="layui-laypage-em"></em><em>1</em></span><a href="javascript:;"
										 data-page="2">2</a><a href="javascript:;" data-page="3">3</a><a href="javascript:;" data-page="4">4</a><a
										 href="javascript:;" data-page="5">5</a><span class="layui-laypage-spr">…</span><a href="javascript:;" class="layui-laypage-last"
										 title="尾页" data-page="10">10</a><a href="javascript:;" class="layui-laypage-next" data-page="2">下一页</a><span
										 class="layui-laypage-limits"><select lay-ignore="">
												<option value="10" selected="">10 条/页</option>
												<option value="20">20 条/页</option>
												<option value="30">30 条/页</option>
												<option value="40">40 条/页</option>
												<option value="50">50 条/页</option>
											</select></span><a href="javascript:;" data-page="1" class="layui-laypage-refresh"><i class="layui-icon layui-icon-refresh"></i></a><span
										 class="layui-laypage-skip">到第<input type="text" min="1" value="1" class="layui-input">页<button type="button"
											 class="layui-laypage-btn">确定</button>
										</span>
									</div>
								</div>
							</div> -->
          </div>
        </div>
      </div>
    </div>
  </div>
  <script src="InStorageOfStuff.js" type="text/javascript" charset="utf-8"></script>
  <script>
    //注意：折叠面板 依赖 element 模块，否则无法进行功能性操作
    layui.use('element', function () {
      var element = layui.element;

    });
  </script>
  <script>
    var _hmt = _hmt || [];
    (function () {
      var hm = document.createElement("script");
      hm.src = "https://hm.baidu.com/hm.js?b393d153aeb26b46e9431fabaf0f6190";
      var s = document.getElementsByTagName("script")[0];
      s.parentNode.insertBefore(hm, s);
    })();
  </script>
</body>

</html>